<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // call、apply 和 bind的使用
        // 任何一个函数都拥有上面三个方法。

        // 声明一个对象
        var ob =  {name:"zhangsan"};
        // 声明一个函数
        function  eat(s){
            console.log(this.name + "爱吃" + s);
        }
        
        // eat函数通过call交个ob对象调用
        eat.call(ob,"关东菠菜面");
        eat.apply(ob,["关东菠菜面"]);

        // bind会返回一个新函数，然后需要自己调用才可执行
        var fn = eat.bind(ob,"关东菠菜面");
        fn();
    </script>
</body>
</html>